﻿#toast-container {
    position: fixed;
    z-index: 999;
    /*overrides*/
}

.toast-top-full-width {
    top: 52px;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 52px;
    left: 12px;
}

.toast-top-right {
    top: 52px;
    right: 12px;
}

.toast-bottom-right {
    top: 52px;
    bottom: 12px;
}

.toast-bottom-left {
    top: 52px;
    left: 12px;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
    width: 100%;
    margin: auto;
}